﻿<%@ Page Language="C#" MasterPageFile="~/touchscreen/defaultLayout.master" AutoEventWireup="true" CodeFile="PaymentOptions.aspx.cs" Inherits="touchscreen_BuyTicket_PaymentOptions" %>
<%@ MasterType  virtualPath="~/touchscreen/defaultLayout.master"%>
<asp:Content ID="maincontent" ContentPlaceHolderID="main" runat="server">
    <form id="payTicket" runat="server">
        <div class="content">
            <div class="stepContainer">
                <ul class="steps">
                    <li class="step">
                        <asp:Label runat="server" ID="stap_1" />
                    </li>
                    <li class="step">
                        <asp:Label runat="server" ID="stap_2" />
                    </li>
                    <li class="step">
                        <asp:Label runat="server" ID="stap_3" />
                    </li>
                    <li class="step active">
                        <asp:Label runat="server" ID="stap_4" />
                    </li>
                </ul>
            </div>
            <div class="moviesBackground" style="float:left">
                <div id="paymentInfo">
                    <div id="movieTitle">
                        <asp:Label runat="server" ID="movTitle"  /> (<asp:Label runat="server" ID="movTime" />)
                    </div>
                    <table class="tablepayment">
                        <asp:Repeater runat="server" OnItemDataBound="tickets_ItemDataBound" ID="tickets">
                            <ItemTemplate>
                                <tr>
                                    <td><asp:Label runat="server" ID="amount" />x <asp:Label ID="ticketName" runat="server" /></td>
                                    <td>&nbsp;€<asp:Label runat="server" ID="price" /></td>
                                </tr>
                            </ItemTemplate>
                        </asp:Repeater>
                        <tr runat="server" id="glassesTR">
                            <td><asp:Label runat="server" ID="amountGlasses" />x <asp:Label runat="server" ID="glassesLabel" /></td>
                            <td>&nbsp;€<asp:Label runat="server" ID="priceGlasses" /></td>
                        </tr>
                        <tr runat="server" id="voucherTR">
                            <td>&nbsp;<asp:Label runat="server" ID="nameVoucher" /></td>
                            <td>-€<asp:Label runat="server" ID="priceVoucher" /></td>
                        </tr>
                        <tr>
                            <td></td>
                            <td id="totalprice">&nbsp;€<asp:Label runat="server" ID="total" /></td>
                        </tr>
                    </table>
                    <br />
                    
                </div>
                <div style="float:right">
                    <asp:Label ID="voucher" runat="server" /><br />
                    <asp:Label ID="lblNotification" runat="server" CssClass="notification" /><br />
                    <input id="voucherID" name="voucherID" class="bigTextbox" type="text" />
                    <div id="num_buttons" class="buttons">
                        <a id="b1" class="smallButton blueButton" runat="server" onclick="numpad(1, 'voucherID')">1</a>
                        <a id="b2" class="smallButton blueButton" runat="server" onclick="numpad(2, 'voucherID')">2</a>
                        <a id="b3" class="smallButton blueButton" runat="server" onclick="numpad(3, 'voucherID')">3</a>
                        <a id="b4" class="smallButton blueButton" runat="server" onclick="numpad(4, 'voucherID')">4</a>
                        <a id="b5" class="smallButton blueButton" runat="server" onclick="numpad(5, 'voucherID')">5</a>
                        <a id="b6" class="smallButton blueButton" runat="server" onclick="numpad(6, 'voucherID')">6</a>
                        <a id="b7" class="smallButton blueButton" runat="server" onclick="numpad(7, 'voucherID')">7</a>
                        <a id="b8" class="smallButton blueButton" runat="server" onclick="numpad(8, 'voucherID')">8</a>
                        <a id="b9" class="smallButton blueButton" runat="server" onclick="numpad(9, 'voucherID')">9</a>
                        <a id="A1" class="smallButton blueButton" runat="server" onclick="numpad('back', 'voucherID')"><-</a>
                        <a id="b0" class="smallButton blueButton" runat="server" onclick="numpad(0, 'voucherID')">0</a>
                        <a class="smallButton blueButton" onclick="submitForm('payTicket')">
                            <asp:Label ID="enter" runat="server" />
                        </a>
                    </div>
                    <div id="betaalMogelijkheden">
                        <asp:ImageButton ID="pinnen" OnClick="pinnen_Click" runat="server" Height="92px" Width="150px" ImageUrl="~/resources/images/options/pin.gif" />
                        <asp:Image ID="Image2" runat="server" Width="150px" ImageUrl="~/resources/images/options/creditcard.gif" />
                    </div>
                </div>
            </div>
            <div id="backButton">
                <asp:HyperLink NavigateUrl="~/touchscreen/buyTicket/SelectedMovie.aspx" CssClass="smallButton blueButton smallButtonBigger" runat="server" ID="Button1" Text="Terug" />
            </div>
        </div>
    </form>
</asp:Content>